<div class="slide-wrapper"
(mouseenter)="pause()"
(mouseleave)="continue()">
    <div class="slider-container" id="slider1">
      <div class="slider-content">
        <ul class="grid grid-width-1-1 slider-list">
          <!---->
          <li
            *ngFor="let x of images ; let i = index"
            class="slider-item"
          [ngClass]="{'active': currentIndex === i+1 }">
            <img src="{{x.path}}" alt="" class="slider-image">
          </li>
        </ul>
      </div>
      <a class="slider-link slider-prev" (click)="prev()">
        <i class="iconfont">&#xe61f;</i>
      </a>
      <a class="slider-link slider-next" (click)="nextPage()">
        <i class="iconfont">&#xe635;</i>
      </a>
      <ul class="slider-nav">
        <li class="slider-nav-item" *ngFor="let a of images; let j = index" [ngClass]="{'active': j + 1 === currentIndex}"  (click)="gotoPage(j)">
          <a><i class="iconfont">&#xe615;</i></a>
        </li>
      </ul>
    </div>
  </div>
  <div class="grid grid-small logo-bottom-png">
    <div class="width-1-2">
      <app-top-ad></app-top-ad>
    </div>
    <div class="width-1-2">
      <app-top-ad></app-top-ad>
    </div>
  </div>
